<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      const properties = [
        '中华园,北京市,公寓',
        '华景苑,上海市,别墅',
        '新城市广场,深圳市,公寓',
        '雅居乐花园,广州市,别墅',
        '恒大城,广州市,公寓',
        '太阳花园,北京市,别墅',
      ]
      function render(data) {
        const house = data.map((item) => {
          return item.split(',')
        })
        // return house
        const obj = {
          公寓: [],
          别墅: [],
        }
        house.forEach(function (item, index) {
          // console.log(item);
          if (index % 2 === 0) {
            obj.公寓.push(item[0])
          } else {
            obj.别墅.push(item[0])
          }
        })
        return obj
      }
      console.log(render(properties))
    </script>
  </body>
</html>
